*{padding: 0;margin: 0;}
.container{
    height:100vh;
    width:100%;
    background: linear-gradient(45deg,#00ff66,#ee7752,#ff3240c0,#00ff66);
    background-size: 400% 400%;
    animation: move 5s infinite;
    animation-timing-function:cubic-bezier(.2,.5,.7,.9)
}
.title{
        text-align: center;
        font-size: 60px;
        color:#fff;
        // box-shadow: ;
        text-shadow: 0 0 5px rgb(144, 113, 113),
        0 0 10px #fff,
        0 0 20px #ee7752,
        0 0 40px #00a67c,
        0 0 60px #ee7752;
        background-clip: text;
        padding-top: 60px;
}
.formList{
    position: relative;
    width:600px;
    margin:100px auto;
    background: rgba(0,0,0,.4);
    padding:40px 60px;
    box-shadow: 10px 7px 10px rgb(72, 70, 70);
    border-radius: 10px;
}
.userLogo{
    position: relative;
    width:100%;
    top:-80px;
    left:35%;
    box-shadow: 80px 0px 10px rgba(253, 251, 251, 0.506);
    border-collapse: collapse;
}
@keyframes move{
    0%{
        background-position: 0,50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0 50%;
    }
}